page{
  height: 100%;
  
}
.page_cates{
  height: 100%; /* 页面高度100%*/
  display: flex;
  flex-direction:column;
   
  .search_cate{
      
    height: 90rpx;
    width: 100%;
  }
  .cates_container{
    height: calc(100vh-90rpx); /* 容器高度=100%高度减去90rpx*/
    display: flex;
      
      .scroll_left{
        /* 子项 高度 100% flex*/
              
        flex:2;
        .menu_item{
          height: 80rpx;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 30rpx;
        }
        .active{
          color: var(--themeColor);
          border-left: 5rpx solid currentColor;
        }
      
    }
    
      
      .scroll_right{
        /* 子项 高度 100% flex*/       
        flex:5;
        
        .goods_group{
           .goods_title{
             display: flex;
             height: 80rpx;
             justify-content: center;
             align-items: center;
             .delimiter{
             color: #ccc;
             padding: 0 10rpx;
             }
             .title{

             }
           }
           .goods_content{
             display: flex;
             flex-wrap: wrap;/* 换行效果*/
              navigator{
                width: 33.3%;
                text-align: center;
                image{
                  width: 50%;
                }
                .pic_group{
                  .goods_t{
  
                  }
                }
              }
              
           }

        }
      }
    
   
  }
}
